@charset "utf-8";

#index {
  header {
    height: _vw(84);
    background-color: #d43c33;
  }
  nav {
    height: _vw(40);
    display: flex;
    border-bottom: 1px solid #c1c1c1;
    a {
      line-height: _vw(40);
      flex-grow: 1;
      color: #000;
      text-align: center;
    }
    a.active {
      color: #d43c33;
    }
  }
}

.index-leave-to {
  transform: translateX(-100%);
}
.index-enter {
  transform: translateX(100%);
}
.index-leave-active,
.index-enter-active {
  transition: all 0.3s;
}
